// 小红书风格色彩变量
$primary-color: #ff2442;        // 小红书主色调 - 亮红色
$primary-light: #ff5673;        // 浅红色
$primary-dark: #d91e36;         // 深红色

$secondary-color: #ffebf0;      // 淡粉色背景
$accent-color: #ff6b91;         // 强调色

// 文字颜色
$text-primary: #333333;         // 主要文字
$text-secondary: #666666;       // 次要文字
$text-light: #999999;           // 浅色文字
$text-white: #ffffff;           // 白色文字

// 背景色
$bg-white: #ffffff;             // 纯白背景
$bg-light: #fafafa;             // 浅灰背景
$bg-card: #ffffff;              // 卡片背景
$bg-overlay: rgba(0, 0, 0, 0.5); // 遮罩背景

// 边框颜色
$border-light: #f0f0f0;         // 浅边框
$border-medium: #d9d9d9;        // 中等边框
$border-dark: #bfbfbf;          // 深边框
$border-color: #d9d9d9;         // 默认边框色（与medium相同）

// 状态颜色
$success-color: #52c41a;        // 成功色
$warning-color: #faad14;        // 警告色
$error-color: #ff4d4f;          // 错误色
$info-color: #1890ff;           // 信息色

// 阴影
$shadow-light: 0 2px 8px rgba(0, 0, 0, 0.06);
$shadow-medium: 0 4px 12px rgba(0, 0, 0, 0.1);
$shadow-heavy: 0 8px 24px rgba(0, 0, 0, 0.15);

// 圆角
$border-radius-small: 4px;
$border-radius-medium: 8px;
$border-radius-large: 12px;
$border-radius-round: 50%;

// 间距
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 16px;
$spacing-lg: 24px;
$spacing-xl: 32px;
$spacing-xxl: 48px;

// 字体大小
$font-size-xs: 12px;
$font-size-sm: 14px;
$font-size-md: 16px;
$font-size-lg: 18px;
$font-size-xl: 20px;
$font-size-xxl: 24px;

// 响应式断点
$breakpoint-xs: 480px;
$breakpoint-sm: 768px;
$breakpoint-md: 992px;
$breakpoint-lg: 1200px;
$breakpoint-xl: 1600px;

// 文本占位符颜色
$text-placeholder: #bfbfbf;     // 占位符文字颜色 